<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<h1 class="title">Bienvenido al Sistema de Gesti&oacute;n de Seguridad Integral</h1>
<hr>
<p class="meta"></p>
<h2>Cambiar Contraseña</h2>
<br>
<ul style="margin-left: 30px;">
    <li>Coloque su contraseña actual y luego escriba y confirme la nueva contraseña.</li>
    <li>Su nueva contraseña deberá ser diferente a la anterior.</li>
</ul>
<center>
    <div class="error"></div>
    <html:form action="/cambiarPassword" styleId="cambiarPwdForm" onsubmit="return cambiarPwd()">
        <table>
            <tr>
                <td>Usuario:</td>
                <td><html:text property="usuario" styleId="usuario"/></td>
                <td>&nbsp;Ejemplo: pperez</td>
            </tr>
            <tr>
                <td>Contrase&ntilde;a Actual:</td>
                <td><html:password property="pwdActual" styleId="pwdActual" styleClass="pwd"/></td>
                <td></td>
            </tr>
            <tr><td colspan="3"><br><hr><br></td></tr>
            <tr>
                <td>Contrase&ntilde;a Nueva:</td>
                <td><html:password property="pwdNueva" styleId="pwdNueva" styleClass="pwd"/></td>
                <td></td>
            </tr>
            <tr>
                <td>Confirme su nueva Contrase&ntilde;a:</td>
                <td><html:password property="pwdNueva2" styleId="pwdNueva2" styleClass="pwd"/></td>
                <td></td>
            </tr>
        </table>
        <br>
        <html:button property="" styleId="cambiarPassword" value="Guardar"/>
        <html:button property="" styleClass="back" value="Cancelar"/>
        <html:reset property="" styleId="resetPwd" styleClass="oculta"/>
    </html:form>
    <br>
</center>
<script type="text/javascript">
    $(function(){
        $('#resetPwd').click();
        $('.pwd').val("");
    });
   
    $('#cambiarPassword').click(cambiarPassword);
    $('.back').click(inicioMenu);
</script>